<template>
  <div class="no_result">
    <image class="no_result_img" src="~@/static/sports/no_sports.png" :mode="'scaleToFill'"></image>
    <div class="text">{{text}}</div>
  </div>
</template>

<script>
export default {
  name: "noResult",
  props:{
    text:{
      type:String,
      default:'',
    }
  },
  watch:{
    text:{
      handler(newVal,oldVal){
        console.info(newVal)
        this.text = newVal
      },
      deep:true,
      immediate:true
    }
  },
  mounted() {
    console.info(this.text)
  }
}
</script>

<style scoped lang="scss">
@import "~@/common/common.scss";
.no_result{
  width: 100%;
  /*background: #ffffff;*/
  padding: 20rpx;
  box-sizing: border-box;
  text-align: center;
  .no_result_img{
    display: block;
    width: 400rpx;
    height: 340rpx;
    margin: 0 auto;
  }
  .text{
    margin: 20rpx 0 0 0;
    font-size: 26rpx;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #222222;
  }
}
</style>